/* 专门写博客列表页的样式 */
/* 设置整个blog  div的样式 */

.bolg{
    padding: 20px;

}


/* 设置博客的标题 */
.blog .title{
    font-size: 22px;
    text-align: center;
    font-weight: 900;
} 
/* 设置发布时间 */
.blog .date{
    text-align: center;
    color: rgb(65, 238, 65);
    padding: 15px 0; 
}
/* 设置摘要 */
.blog .desc{
    /* 设置两个缩进 */
        text-indent: 2em;
        word-break: break-all;
}


/* 设置查看全文按钮 */
.blog a{
/* 改成块级元素 */
display: block;
width: 150px;
height: 40px;
border: 2px solid black;

/* 把里面的文字颜色改了 去掉下划线*/
color: black;
text-align: center;
text-decoration: none;
/* 文字行高和元素高度一样高的时候,文字恰好是垂直居中的*/
line-height: 40px;
    /* 水平居中 */
    margin: 10px auto;
    /* 加上背景切换的过渡效果 *,all表示针对所有元素进行过渡*/
    transition: all 0.6s;

}
/* :hover 是一个伪类选择器,不是选中元素,而是选中元素的某种状态 */
/* 具体来说,:hover选中了元素被鼠标悬停的状态  */
.blog a:hover{
    background-color: green;
    color:white;
}